<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>代付管理</title>
    <script src="../../static/js/jquery-3.3.1.min.js"></script>
    <script src="../../static/js/init.js"></script>
    <link rel="stylesheet" href="../../public/global.css">
    <script src="../../public/laydate/laydate.js"></script>
    <link rel="stylesheet" href="../../public/easyhelper/css/easyhelper.min.css">
    <!-- <script src="../../public/easyhelper/js/jq.min.js"></script> -->
    <script src="../../public/easyhelper/js/jquery.transit.min.js"></script>
    <script src="../../public/easyhelper/js/es6-shim.min.js"></script>
    <script src="../../public/easyhelper/js/easyhelper.min.js"></script>
    <script src="../../public/datetime/datetime.js"></script>
</head>
<style>
    .content {
			margin: 30px auto;
			width: 70vw;
			border: #dfdfdf solid 1px;
            /* overflow-y: scroll; */
            margin-left: 0vw;
            box-shadow: 0px 1px 10px 0px #bcbcbc
		}
	.content li {
			display: block;
			height: 40px;
			line-height: 40px;
			text-align: center;
			font-size: 14px;
			border-bottom: #e8e8e8 solid 1px;
        }
        #selectAll :hover{
        background-color: #e0e0e0
    }
	.page {
			text-align: center;
			margin-bottom: 200px;
		}
    #selectAll{
        overflow-y: scroll;
        height: 409px;
    }
</style>
<body>
    <!-- <div id="cover" style="background: #000; position: absolute; left: 0px; top: 0px; width: 100%; filter: alpha(opacity=30); opacity: 0.3; display: none; z-index: 2 "> -->
    <div id="side"></div>
    <div id="inner">
        <div id="top"></div>
        <div style="margin-top:-5vh">
            <div style="color:#fff;margin-left: 10vw;font-size: 1vw;margin-bottom: 3vh">
                <span style="opacity:0">代付记录</span>
            </div>
            <!-- <div style="margin-left:8.5vw;margin-top:1vh"><img src="../../public/img/line.png" alt=""></div> -->
            <div id="content">
                <div style="margin-left:3vw">
                    <div>
                        <button style='color:#f6f6f6;background-color:#666;border-radius: 12px;border: 0;width: 4vw;margin-top:4vh;height: 3vh' onclick="search()">筛选</button>
                    </div>
                    <div style="margin-top:3vh">
                        订单号 <input type="text" placeholder=" 请输入订单号" style="margin-right: 1vw" id="orderCode" onchange="changeinfo(this.id,this.value)">
                        时间区域 <input class="datainp" id="startTime" type="text" placeholder="请选择"  onchange="changeinfo(this.id,this.value)" readonly>
                         - <input class="datainp" style="margin-right:1vw" id="endTime" type="text" placeholder="请选择"  onchange="changeinfo(this.id,this.value)" readonly>
                        金额区域 <input type="text" id="lowPrice" style="min-width:100px;width:130px" onchange="changeinfo(this.id,this.value)">
                         - <input type="text" id="highPrice" style="margin-right: 1vw;min-width: 100px;width: 130px" onchange="changeinfo(this.id,this.value)">
                        状态 <select name="" id="status" style="height:2.8vh;background-color:#fff;border-radius:3px" onchange="changeinfo(this.id,this.value)">
                            <option value=""></option>
                            <option value="WAIT">待审核</option>
                            <option value="SUCCESS">审核通过</option>
                            <option value="FAIL">审核未通过</option>
                        </select>
                    </div>
                    <div>
                        <div class="content">
                            <ul style="background-color:#666;color: #fff">
                                <li>
                                    <span style="width:10vw;display:inline-block">商户名</span>
                                    <span style="width:15vw;display:inline-block">代付订单号</span>
                                    <span style="width:14vw;display:inline-block">时间</span>
                                    <span style="width:10vw;display:inline-block">金额(元)</span>
                                    <span style="width:5vw;display:inline-block">状态</span>
                                    <span style="width:4.3vw;display:inline-block;margin-left: 5vw">详情</span>
                                </li>
                            </ul>
                            <ul id="selectAll">
                            </ul>
                        </div>
                        <div class="page" id="page-3"></div>                
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="detail" style="position:absolute;left:29vw;top:26vh;display: none;background-color: #fff;width:50vw;height: 52vh;border-radius: 6px;">
        <div style="width:100%;height:7vh;background-color:#d4d4d4;color:#333;font-size: 1vw;text-align: center;padding-top: 2vh;border-top-left-radius: 6px;border-top-right-radius: 6px">查看详情
            <img src="img/close.png" style="float:right;margin-right: 1vw" onclick="detail_close()" alt="">
        </div>
        <div style="text-align:center;color:#666;width: 40vw;margin-top: 5vh;margin-left: 4vw">
            <div>
                商户名<input type="text" style="margin-right: 10vw;margin-left: 1vw" id="detail_merchantNo" readonly>
                代付金额<input style="margin-left: 1vw" type="text" id="detail_amount" readonly>
            </div>
            <div style="margin-top:4vh">
                开户行<input type="text" style="margin-right: 10vw;margin-left: 1vw" id="detail_bankName" readonly>
                银行卡号<input style="margin-left: 1vw" type="text" id="detail_bankCard" readonly>
            </div>
            <div style="margin-top:4vh">
                持卡人<input type="text" style="margin-right: 10vw;margin-left: 1vw" id="detail_bankUsername" readonly>
                银行预留手机号<input style="margin-left: 1vw;min-width: 100px;width: 150px;" id="detail_bankPhone" type="text" readonly>
            </div>
            <hr style="width:100%;color:#dcdcdc;margin-top: 7vh">
        </div>
        <div style="color:#666;margin-left: 5.5vw;width: 37vw;margin-top: 2vh">备注 : <span></span></div>
    </div>
</body>
<script src="../../public/include.js"></script>
<script src="daifu.js"></script>
</html>